<template>
  <div style="width: 97%;  margin: auto;">
    <h3>举办刊物及公益活动情况</h3>
    <el-form style="margin-bottom: 50px;" :model="publicationForm" ref="publicationFormRef"
      :rules="publicationFormRules" label-width="150px" label-position="right">
      <h4>举办刊物情况</h4>
      <el-row :gutter="20">
        <el-col :span="12"><el-form-item prop="publicationNum" :rules="publicationFormRules.publicationNum"
            label="公开发行的刊物数">
            <el-input type="number" v-model="publicationForm.publicationNum" placeholder="请输入"></el-input>
          </el-form-item></el-col>
        <el-col :span="12"><el-form-item prop="iiPublicationNum" :rules="publicationFormRules.iiPublicationNum"
            label="内部资料性刊物数">
            <el-input type="number" v-model="publicationForm.iiPublicationNum" placeholder="请输入"></el-input>
          </el-form-item></el-col>
      </el-row>
      <h4>公益活动</h4>
      <el-row :gutter="20">
        <el-col :span="12"> <el-form-item prop="publicActivitiesNum" :rules="publicationFormRules.publicActivitiesNum"
            label="举办次数">
            <el-input type="number" v-model="publicationForm.publicActivitiesNum" placeholder="请输入"></el-input>
          </el-form-item></el-col>
        <el-col :span="12"><el-form-item prop="publicActivitiesExpenditure"
            :rules="publicationFormRules.publicActivitiesExpenditure" label="公益活动支出(万元)">
            <el-input type="number" v-model="publicationForm.publicActivitiesExpenditure" placeholder="请输入">
            </el-input>
          </el-form-item></el-col>
      </el-row>
    </el-form>
    <h3>举办研讨会、论坛活动情况</h3>
    <el-row style="margin-bottom: 50px;">
      <el-col :span="16">
        本年度是否开展活动：
        <el-radio-group v-model="isWorkShop" size="default">
          <el-radio label="1">已开展</el-radio>
          <el-radio label="2">未开展</el-radio>
        </el-radio-group>
      </el-col>
      <el-col :span="8" style="text-align: right;">
        <el-button v-show="isWorkShop == '1'" style="margin-left: 20px;width: 100px;" size="default" type="primary"
          @click="addWorkShopList()">新增
        </el-button>
      </el-col>
      <el-form :model="workShopList" ref="workShopListRef" style="width: 100%;">
        <el-col :span="24" style="margin-top: 20px;">
          <el-table :header-cell-style="{ background: '#F0F5FA', color: '#333333' }" v-show="isWorkShop == '1'"
            size="default" :data="workShopList" border>
            <el-table-column type="index" label="序号" align="center" width="60" />
            <el-table-column prop="activityName" label="活动名称" align="center">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].activityName'" :rules="workShopRules.activityName">
                  <el-input v-model="scope.row.activityName" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="participateNum" label="参加人数" align="center">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].participateNum'" :rules="workShopRules.participateNum">
                  <el-input type="number" v-model="scope.row.participateNum" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="organizingMethod" label="举办方式" align="center">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].organizingMethod'" :rules="workShopRules.organizingMethod">
                  <el-select clearable  v-model="scope.row.organizingMethod" placeholder="请选择" style="width: 100%;">
                    <el-option v-for="dict in eventMethodOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="address" label="地点" align="center">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].address'" :rules="workShopRules.address">
                  <el-input v-model="scope.row.address" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="fundingSource" label="	经费来源" align="center">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].fundingSource'" :rules="workShopRules.fundingSource">
                  <el-select clearable  v-model="scope.row.fundingSource" placeholder="请选择" style="width: 100%;">
                    <el-option v-for="dict in sourceFundingOptions" :key="dict.id" :label="dict.name"
                      :value="dict.id" />
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column fixed="right" label="操作" align="center" width="80">
              <template #default="scope">
                <el-button type="text" size="default" @click="workShopDelete(scope.$index)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-form>
    </el-row>
    <h3>举办评比达标表彰活动情况</h3>
    <el-row>
      <el-col :span="16">
        本年度是否开展活动：
        <el-radio-group v-model="isEvaluation" size="default">
          <el-radio label="1">已开展</el-radio>
          <el-radio label="2">未开展</el-radio>
        </el-radio-group>
      </el-col>
      <el-col :span="8" style="text-align: right;">
        <el-button v-show="isEvaluation == '1'" style="margin-left: 20px;width: 100px;" size="default" type="primary"
          @click="addEvaluationList()">新增
        </el-button>
      </el-col>
      <el-form :model="evalutionList" ref="evalutionListRef" style="width: 100%;">
        <el-col :span="24" style="margin-top: 20px;">
          <el-table :header-cell-style="{ background: '#F0F5FA', color: '#333333' }" v-show="isEvaluation == '1'"
            size="default" :data="evalutionList" border>
            <el-table-column type="index" label="序号" align="center" width="60" />
            <el-table-column prop="activityName" label="活动名称" align="center" width="130">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].activityName'" :rules="evalutionRules.activityName">
                  <el-input v-model="scope.row.activityName" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="activityClass" label="活动对象" align="center" width="130">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].activityClass'" :rules="evalutionRules.activityClass">
                  <el-input v-model="scope.row.activityClass" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="activityCycle" label="活动周期" align="center" width="130">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].activityCycle'" :rules="evalutionRules.activityCycle">
                  <el-input v-model="scope.row.activityCycle" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="holdingTime" label="举办时间" align="center" width="140">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].holdingTime'" :rules="evalutionRules.holdingTime">
                  <el-date-picker v-model="scope.row.holdingTime" type="date" value-format="YYYY-MM-DD"
                    placeholder="举办时间">
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="address" label="地点" align="center" width="200">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].address'" :rules="evalutionRules.address">
                  <el-input v-model="scope.row.address" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="fundingSource" label="	经费来源" align="center" width="140">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].fundingSource'" :rules="evalutionRules.fundingSource">
                  <el-select clearable  v-model="scope.row.fundingSource" filterable placeholder="请选择" style="width: 100%;">
                    <el-option v-for="dict in sourceFundingOptions" :key="dict.id" :label="dict.name"
                      :value="dict.id" />
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="approvalAuthority" label="审批机关" align="center" width="140">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].approvalAuthority'"
                  :rules="evalutionRules.approvalAuthority">
                  <el-input v-model="scope.row.approvalAuthority" placeholder="请输入"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column prop="approvalTime" label="审批时间" align="center" width="140">
              <template #default="scope">
                <el-form-item :prop="'[' + scope.$index + '].approvalTime'" :rules="evalutionRules.approvalTime">
                  <el-date-picker v-model="scope.row.approvalTime" type="date" value-format="YYYY-MM-DD"
                    placeholder="审批时间">
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column fixed="right" label="操作" align="center" width="80">
              <template #default="scope">
                <el-button type="text" size="default" @click="evalutionDelete(scope.$index)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-form>
    </el-row>
    <el-dialog title="新增举办研讨会、论坛活动" v-model="workShopDialog">
      <el-form size="default" :model="workShopForm" ref="workShopForm" label-width="80px" label-position="left">
        <el-row :gutter="20">
          <el-col :span="11">
            <el-form-item label="活动名称" prop="activityName">
              <el-input v-model="workShopForm.activityName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="举办时间" prop="holdingTime">
              <el-date-picker value-format="YYYY-MM-DD" style="width: 100%;" v-model="workShopForm.holdingTime"
                type="date" placeholder="设立时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="参加人数" prop="participateNum">
              <el-input v-model="workShopForm.participateNum" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="经费来源" prop="fundingSource">
              <el-select clearable  v-model="workShopForm.fundingSource" filterable placeholder="请选择" style="width: 100%;">
                <el-option v-for="dict in sourceFundingOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="举办方式" prop="organizingMethod">
              <el-select clearable  v-model="workShopForm.organizingMethod" filterable placeholder="请选择" style="width: 100%;">
                <el-option v-for="dict in eventMethodOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="22">
            <el-form-item label="活动地点" prop="address">
              <el-input v-model="workShopForm.address" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="workShopDialog = false">取 消</el-button>
        <el-button type="primary" @click="addWorkShopList()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="新增举办评比达标表彰活动" v-model="evaluationDialog">
      <el-form size="default" :model="evaluationForm" ref="workShopForm" label-width="80px" label-position="left">
        <el-row :gutter="20">
          <el-col :span="11">
            <el-form-item label="活动名称" prop="activityName">
              <el-input v-model="evaluationForm.activityName" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="活动对象" prop="activityClass">
              <el-input v-model="evaluationForm.activityClass" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="活动周期" prop="activityCycle">
              <el-input v-model="evaluationForm.activityCycle" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="经费来源" prop="fundingSource">
              <el-select clearable  v-model="evaluationForm.fundingSource" filterable placeholder="请选择" style="width: 100%;">
                <el-option v-for="dict in sourceFundingOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="举办时间" prop="holdingTime">
              <el-date-picker value-format="YYYY-MM-DD" style="width: 100%;" v-model="evaluationForm.holdingTime"
                type="date" placeholder="设立时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="审批机关" prop="approvalAuthority">
              <el-input v-model="evaluationForm.approvalAuthority" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="审批时间" prop="approvalTime">
              <el-date-picker value-format="YYYY-MM-DD" style="width: 100%;" v-model="evaluationForm.approvalTime"
                type="date" placeholder="设立时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="举办方式" prop="organizingMethod">
              <el-select clearable  v-model="evaluationForm.organizingMethod" filterable placeholder="请选择" style="width: 100%;">
                <el-option v-for="dict in eventMethodOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
              </el-select>
            </el-form-item>
          </el-col>
          <!--          <el-col :span="11">-->
          <!--            <el-form-item label="记录类型" prop="recordType">-->
          <!--              <el-input v-model="evaluationForm.recordType" placeholder="请输入"></el-input>-->
          <!--            </el-form-item>-->
          <!--          </el-col>-->
          <el-col :span="22">
            <el-form-item label="活动地点" prop="address">
              <el-input v-model="evaluationForm.address" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="evaluationDialog = false">取 消</el-button>
        <el-button type="primary" @click="addEvaluationList()">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>

import {
  getDictByCode,
  getTableInfoByPage,
  mfSaveEvaluation,
  mfSaveInternational,
  mfSavePublication,
  mfSaveWorkshop
} from '@/views/yearCheck/ykb/mf/mf'

export default {
  data() {
    return {
      isWorkShop: '2',
      workShopList: [],
      workShopDialog: false,
      isEvaluation: '2',
      evalutionList: [],
      evaluationDialog: false,
      publicationForm: {
        id: '',
        creditCode: localStorage.getItem('creditCode'),//统一社会信用代码
        examineYear: localStorage.getItem('examineYear'),//审查年度
        organizationBaseId: '1',//组织id
        iiPublicationNum: '',//内部资料性刊物数
        publicActivitiesExpenditure: '',//公益活动支出
        publicActivitiesNum: '',//公益活动举办次数
        publicationNum: ''//发行刊物数
      },
      workShopForm: {
        id: '',
        creditCode: localStorage.getItem('creditCode'),//统一社会信用代码
        examineYear: localStorage.getItem('examineYear'),//审查年度
        organizationBaseId: '1',//组织id
        activityName: '',//活动名称
        address: '',//地点
        fundingSource: '',//经费来源
        holdingTime: '',//举办时间
        organizingMethod: '',//举办方式
        participateNum: ''//参加人数
      },
      evaluationForm: {
        id: '',
        creditCode: localStorage.getItem('creditCode'),//统一社会信用代码
        examineYear: localStorage.getItem('examineYear'),//审查年度
        organizationBaseId: '1',//社团组织id,
        activityClass: '',//活动对象
        activityCycle: '',//活动周期
        activityName: '',//活动名称
        activityType: '',//活动类型
        fundingSource: '',//经费来源
        address: '',//地点
        approvalAuthority: '',//审批机关
        approvalTime: '',//审批时间yyyy-MM-dd
        holdingTime: '',//举办时间yyyy-MM-dd
        recordType: ''//记录类型

      },
      publicationFormRules: {
        iiPublicationNum: [{ required: true, message: '请输入', trigger: 'blur' }],
        publicActivitiesExpenditure: [{ required: true, message: '请输入', trigger: 'blur' }],
        publicActivitiesNum: [{ required: true, message: '请输入', trigger: 'blur' }],
        publicationNum: [{ required: true, message: '请输入', trigger: 'blur' }]
      },
      workShopRules: {
        activityName: [{ required: true, message: '请输入', trigger: 'blur' }],
        address: [{ required: true, message: '请输入', trigger: 'blur' }],
        fundingSource: [{ required: true, message: '请选择', trigger: 'blur' }],
        holdingTime: [{ required: true, message: '请选择', trigger: 'blur' }],
        organizingMethod: [{ required: true, message: '请选择', trigger: 'blur' }],
        participateNum: [{ required: true, message: '请输入', trigger: 'blur' }]
      },
      evalutionRules: {
        activityClass: [{ required: true, message: '请输入', trigger: 'blur' }],
        activityCycle: [{ required: true, message: '请输入', trigger: 'blur' }],
        activityName: [{ required: true, message: '请输入', trigger: 'blur' }],
        activityType: [{ required: true, message: '请选择', trigger: 'blur' }],
        fundingSource: [{ required: true, message: '请选择', trigger: 'blur' }],
        address: [{ required: true, message: '请输入', trigger: 'blur' }],
        approvalAuthority: [{ required: true, message: '请输入', trigger: 'blur' }],
        approvalTime: [{ required: true, message: '请选择', trigger: 'blur' }],
        holdingTime: [{ required: true, message: '请选择', trigger: 'blur' }]
      },
      sourceFundingOptions: undefined,
      eventMethodOptions: undefined,
      activityTypeOptions: undefined
    }
  },

  created() {

  },
  methods: {
    postInfo() {
      this.$refs.publicationFormRef.validate(valid => {
        if (valid) {
          this.publicationForm.creditCode = localStorage.getItem('creditCode')
          this.publicationForm.examineYear = localStorage.getItem('examineYear')
          this.publicationForm.organizationBaseId = '1'
          mfSavePublication(this.publicationForm).then(response => {
            this.$message({
              message: '保存举办刊物及公益活动情况成功！',
              type: 'success'
            })
            this.getInfo();
          })
        } else {
          this.$message({
            message: '请填写完整！',
            type: 'error'
          })
        }
      })
      this.$refs.workShopListRef.validate(valid => {
        if (valid) {
          if (this.workShopList == null || this.workShopList.length == 0) {
            return
          }
          for (let i = 0; i < this.workShopList.length; i++) {
            this.workShopList[i].creditCode = localStorage.getItem('creditCode')
            this.workShopList[i].examineYear = localStorage.getItem('examineYear')
          }
          mfSaveWorkshop(this.workShopList).then(response => {
            this.$message({
              message: '保存举办研讨会、论坛活动情况成功！',
              type: 'success'
            })
            this.getInfo();
          })
        } else {
          this.$message({
            message: '请填写完整！',
            type: 'error'
          })
        }
      })
      this.$refs.evalutionListRef.validate(valid => {
        if (valid) {
          for (let i = 0; i < this.evalutionList.length; i++) {
            this.evalutionList[i].creditCode = localStorage.getItem('creditCode')
            this.evalutionList[i].examineYear = localStorage.getItem('examineYear')
          }
          if (this.evalutionList == null) {
            this.evalutionList = []
          }
          mfSaveEvaluation(this.evalutionList).then(response => {
            this.$message({
              message: '保存评比达标表彰情况成功！',
              type: 'success'
            })
            this.getInfo();
          })
        } else {
          this.$message({
            message: '请填写完整！',
            type: 'error'
          });
        }
      })
    },
    workShopDelete(index) {
      this.workShopList.splice(index, 1)
    },
    evalutionDelete(index) {
      this.evalutionList.splice(index, 1)
    },
    addWorkShopList() {
      this.workShopList.push(Object.assign({}, this.workShopForm))
    },
    addEvaluationList() {
      this.evalutionList.push(Object.assign({}, this.evaluationForm))
    },
    getInfo() {
      getDictByCode('sourceFunding').then(response => {
        this.sourceFundingOptions = response.data
      })
      getDictByCode('eventMethod').then(response => {
        this.eventMethodOptions = response.data
      })
      getDictByCode('activityType').then(response => {
        this.activityTypeOptions = response.data
      })
      getTableInfoByPage(13).then(response => {
        console.log(response.data)
        this.publicationForm = response.data.publicationActivity
        this.workShopList = response.data.workshopList
        this.evalutionList = response.data.evaluationList
        if (this.evalutionList == null || this.evalutionList.length == 0) {
          this.isEvaluation = '2'
          this.evalutionList = []
        } else {
          this.isEvaluation = '1'
        }
        if (this.workShopList == null || this.workShopList.length == 0) {
          this.isWorkShop = '2'
          this.workShopList = []
        } else {
          this.isWorkShop = '1'
        }
      })
    }
  }
}
</script>
<style scoped lang="scss">
.el-table {
  --el-table-row-hover-bg-color: rgba(39, 137, 238, 0.1);
  --el-table-border-color:#e0e5f0;
}
:deep(.el-card.is-always-shadow) {
  box-shadow: 0 1px 14px 0 rgba(209, 224, 239, 0.6)
}

/* 拉框选中 */
.el-select-dropdown__item {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

/* 鼠标经过下拉框 */
.el-select-dropdown__item:hover {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.el-select-dropdown__item.selected {
  color: #2789EE;
}
.app-container {
  margin-top: 40px;
  margin-left: 15%;
  width: 70%;
}

.div-bg {
  width: 100%;
  background: #F0F0F0;
  height: 10px;
}

.box-card {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
}

.el-col {
  padding-left: 5px;
}

.divider-title {
  font-weight: bold;
  font-size: 18px;
}

.custom-select .el-select-dropdown {
  max-height: 600px;
  /* 设置为你想要的高度 */
  overflow: auto;
  /* 添加滚动条 */
}

table {
  border-collapse: collapse;
  /* 确保表格的边框合并为单一边框 */
  width: 100%;
  /* 表格宽度 */
}

td {
  border: 1px solid #ababab;
  /* 设置单线边框 */
  padding: 6px;
  /* 单元格内边距 */
}

.el-form-item {
  margin-bottom: 0px;
}
</style>
<!--<table border="" style="width: 100%; text-align: center; font-size: 14px;">-->
<!--<tr>-->
<!--  <td>举办刊物情况</td>-->
<!--  <td>公开发行的刊物数</td>-->
<!--  <td>-->
<!--    <el-form-item prop="publicationNum" :rules="publicationFormRules.publicationNum">-->
<!--      <el-input type="number" v-model="publicationForm.publicationNum" placeholder="请输入" style="width: 80%;"></el-input>-->
<!--    </el-form-item>-->
<!--  </td>-->
<!--  <td>内部资料性刊物数</td>-->
<!--  <td>-->
<!--    <el-form-item prop="iiPublicationNum" :rules="publicationFormRules.iiPublicationNum">-->
<!--      <el-input type="number" v-model="publicationForm.iiPublicationNum" placeholder="请输入" style="width: 80%;"></el-input>-->
<!--    </el-form-item>-->
<!--  </td>-->
<!--</tr>-->
<!--<tr>-->
<!--  <td>公益活动</td>-->
<!--  <td>举办次数</td>-->
<!--  <td>-->
<!--    <el-form-item prop="publicActivitiesNum" :rules="publicationFormRules.publicActivitiesNum">-->
<!--      <el-input type="number" v-model="publicationForm.publicActivitiesNum" placeholder="请输入"-->
<!--                style="width: 80%;"></el-input>-->
<!--    </el-form-item>-->
<!--  </td>-->
<!--  <td>公益活动支出(万元)</td>-->
<!--  <td>-->
<!--    <el-form-item prop="publicActivitiesExpenditure" :rules="publicationFormRules.publicActivitiesExpenditure">-->
<!--      <el-input type="number" v-model="publicationForm.publicActivitiesExpenditure" placeholder="请输入" style="width: 80%;">-->
<!--        <template #append>万元</template>-->
<!--      </el-input>-->
<!--    </el-form-item>-->
<!--  </td>-->
<!--</tr>-->
<!--</table>-->
